<ion-view hide-tabs view-title="{{shop.name}}">
  <ion-content>
    <!--<img ng-src="{{shop.image}}" style="width: 100%; height: 30%">-->
    <!--{{shop.name}}-->
    <ion-list>
      <ion-item class="item item-thumbnail-left" ng-repeat="food in foods | orderBy:'monthlysales':true"
                type="item-text-wrap">
        <img ng-src="{{food.foodimg}}">
        <h2>{{food.name}}</h2>
        <p>
                    <span class="item-note">
                        <a ng-hide="{{food.isempty <= 0}}||!{{shop.isopen == 1}}" class="ion-minus-circled positive"
                           style="font-size: x-large" ng-click="sub(shop,food)"></a>
                        <span ng-hide="{{food.isempty <= 0}}||!{{shop.isopen == 1}}"
                              style="margin: auto 0;font-size: x-large">{{food.count}}</span>
                        <a ng-hide="{{food.isempty <= 0}}||!{{shop.isopen == 1}}" class="ion-plus-circled positive"
                           style="font-size: x-large" ng-click="add(shop,food)"></a>
                        <span ng-show="{{food.isempty <= 0}}||!{{shop.isopen == 1}}" style="font-size: large">售磬</span>
                    </span>
          月销量{{food.monthlysales}}份<br>
          <i class="assertive">￥{{food.price}}</i><br>
        </p>
      </ion-item>
    </ion-list>
  </ion-content>
  <ion-footer-bar class="bar-positive">
    <div class="bar bar-footer bar-dark">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-ios-cart-outline" style="font-size: xx-large"></i>
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: x-large;margin: auto 0" ng-model="totalprice">￥{{totalprice}}</span>
      <button class="button button-large button-balanced pull-right"
              style="margin-right: 10px" ng-click="pay(shop)">确认订单
      </button>
    </div>
  </ion-footer-bar>
</ion-view>
